﻿<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <title>丁超的博客</title>
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <link rel="icon" type="image/png" href="images/favicon.ico" />
    <link href="https://fonts.googleapis.com/css?family=Rambla:400,700&display=swap" rel="stylesheet" />
    <link rel="stylesheet" href="css/animate.css" />
    <link rel="stylesheet" href="css/et-lineicons.css" />
    <link rel="stylesheet" href="css/themify-icons.css" />
    <link rel="stylesheet" href="css/bootstrap.css" />
    <link rel="stylesheet" href="css/style.css" />
    <link rel="stylesheet" href="css/resume.css" />
    <!-- FOR IE9 below -->
    <!--[if lt IE 9]>
      <script src="js/respond.min.js"></script>
    <![endif]-->
  </head>

  <body>
    <div id="lonon-page">
      <a href="#" class="js-lonon-nav-toggle lonon-nav-toggle"><i></i></a>
      <!-- Sidebar Section -->
      <aside id="lonon-aside">
        <!-- Logo -->
        <h1 id="lonon-logo">
          <img src="images/my.png" alt="" /><br />
          <a href="index.html">丁 超<span>前端开发工程师</span></a>
        </h1>
        <!-- Menu -->
        <nav id="lonon-main-menu">
          <ul>
            <li><a href="index.html">主页</a></li>
            <li class="lonon-active"><a href="resume.html">简历</a></li>
            <li><a href="portfolio.html">个人作品</a></li>
            <li><a href="services.html">生活日常</a></li>
            <li><a href="blog.html">我的博客</a></li>
            <li><a href="contact.html">联系方式</a></li>
          </ul>
        </nav>
        <!-- Sidebar Footer -->
        <div class="lonon-footer">
          <ul>
            <li>
              <a href="#"><i class="ti-facebook font-14px gray-icon"></i></a>
            </li>
            <li>
              <a href="#"><i class="ti-twitter-alt font-14px gray-icon"></i></a>
            </li>
            <li>
              <a href="#"><i class="ti-instagram font-14px gray-icon"></i></a>
            </li>
            <li>
              <a href="#"><i class="ti-linkedin font-14px gray-icon"></i></a>
            </li>
          </ul>
          <p>
            <small
              >&copy; 2023 ChaoDing. by <a href="http://www.bootstrapmb.com/" title="bootstrapmb">DuruThemes</a></small
            >
          </p>
        </div>
      </aside>
      <!-- Main Section -->
      <div id="lonon-main">
        <!-- About Us 个人信息-->
        <div class="lonon-about">
          <div class="container-fluid">
            <div class="row">
              <div class="col-md-12">
                <span class="heading-meta style-1">Informations &emsp; </span>
                <div class="download-image">
                  点击下载简历&emsp;
                  <a
                    class="download-jl"
                    href="./丁超-web前端开发工程师.pdf"
                    download="./丁超-web前端开发工程师.pdf"
                  ></a>
                  <img class="download-icon" src="./images/xiazai.png" alt="" />
                </div>
                <h2 class="lonon-heading animate-box my-title" data-animate-effect="fadeInLeft">
                  <img src="./images/个人信息.png" alt="" />
                </h2>
              </div>
            </div>
            <div class="row">
              <div class="animate-box fadeInLeft animated my-intronduction" data-animate-effect="fadeInLeft">
                <div class="lonon-about-contact-wrap">
                  <div class="row intronduction-one">
                    <div class="col-md-6">
                      <p><b>姓&emsp;&emsp;名:</b>&emsp;丁&emsp;超</p>
                      <p><b>年&emsp;&emsp;龄:</b>&emsp; 27&emsp;岁</p>
                      <p><b>本科院校:</b>&emsp;安徽农业大学</p>
                      <p><b>研究生在读:</b>&emsp;南京林业大学</p>
                      <p><b>联系电话:</b>&emsp; 18855175879</p>
                    </div>
                    <div class="col-md-6">
                      <p><b>性&emsp;&emsp;别:</b>&emsp; 男</p>
                      <p><b>籍&emsp;&emsp;贯:</b>&emsp;安&emsp;徽</p>
                      <p><b>工作岗位:</b>&emsp; 前端开发工程师</p>
                      <p><b>在读专业:</b>&emsp; 电子信息</p>
                      <p><b>电子邮件:</b> &emsp;dc740155287@qq.com</p>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
        <div class="divider1"></div>

        <!-- 报考信息 -->
        <div class="lonon-about exam-information">
          <div class="container-fluid">
            <div class="row">
              <div class="col-md-12">
                <h2 class="lonon-heading animate-box my-title" data-animate-effect="fadeInLeft">
                  <img src="./images/求职意向.png" alt="" />
                </h2>
              </div>
            </div>
            <div class="row">
              <div class="animate-box fadeInLeft animated my-intronduction" data-animate-effect="fadeInLeft">
                <div class="lonon-about-contact-wrap">
                  <div class="row intronduction-one">
                    <div class="col-md-6">
                      <p><b>目标职位:</b>&emsp;前端开发工程师</p>
                      <p><b>目标地点:</b>&emsp;南京</p>
                    </div>
                    <div class="col-md-6">
                      <p><b>工作性质:</b>&emsp; 全职</p>
                      <p><b>目标薪资:</b>&emsp;面谈</p>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
        <div class="divider1"></div>
        <!-- 教育背景 -->
        <!-- <div class="lonon-about exam-information">
          <div class="container-fluid">
            <div class="row">
              <div class="col-md-12">
                <h2 class="lonon-heading animate-box my-title" data-animate-effect="fadeInLeft">
                  <img src="./images/校园经历.png" alt="" />
                </h2>
              </div>
            </div>
            <div class="row">
              <div class="animate-box fadeInLeft animated my-intronduction" data-animate-effect="fadeInLeft">
                <div class="lonon-about-contact-wrap">
                  <div class="row school">
                    <p>
                      <img src="./images/xuexi.png" alt="" />
                      <b>2014.09-2018.06</b>
                      <b>安徽农业大学</b>
                      <b>测绘工程</b>
                    </p>
                  </div>
                  <div class="row intronduction-one">
                    <div class="col-md-12 content">
                      <p>
                        <b>主修课程:</b>&emsp;GPS原理及应用、摄影测量学、遥感图像处理与应用、工程测量，地图学，C语言 等
                      </p>
                      <p><b>英语水平:</b>&emsp;四级</p>
                      <p><b>计算机水平:</b>&emsp;计算机二级</p>
                      <p><b>学习情况:</b>&emsp;莱卡测量系统励志奖学金一等奖、征文大赛二等奖、创新型先进个人等</p>
                      <p>
                        <b>校园经历:</b
                        >&emsp;担任学生会传媒中心主任，组织部门例会，学生会活动，海报设计制作，院刊《基石》的编辑工作，学生会官方qq，微信的运营。
                      </p>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div> -->
        <div class="divider1"></div>
        <!-- 擅长技能 -->
        <div class="lonon-about exam-information">
          <div class="container-fluid">
            <div class="row">
              <div class="col-md-12">
                <h2 class="lonon-heading animate-box my-title" data-animate-effect="fadeInLeft">
                  <img src="./images/擅长技能.png" alt="" />
                </h2>
              </div>
            </div>
            <div class="row">
              <div class="animate-box fadeInLeft animated my-intronduction" data-animate-effect="fadeInLeft">
                <div class="lonon-about-contact-wrap">
                  <div class="row work">
                    <p>
                      <img src="./images/gongzuotai.png" alt="" />
                      <b>工作技能</b>
                    </p>
                  </div>
                  <div class="row intronduction-one">
                    <div class="col-md-12 content">
                      <p>
                        <b>●</b>&emsp;熟练掌握前端开发常用语言如：JavaScript，html，css等，应用与开发PC端和移动端页面；
                      </p>
                      <p>
                        <b>●</b>&emsp;熟练掌握主流js库如jQuery、bootstrap、fullPage、swiper、ECharts、Animate等插件。
                      </p>
                      <p><b>●</b>&emsp;熟练掌握ajax、axios获取promise异步请求数据，git版本控制工具，npm管理项目等；</p>
                      <p><b>●</b>&emsp;熟悉主流框架Vue.js，Element-UI / Vant/layUI/REACT等常用开发框架；</p>
                      <p><b>●</b>&emsp;会使用uni-app开发框架对微信小程序进行开发框架的基本使用；</p>
                      <p><b>●</b>&emsp;会使用C语言，nodejs，java等其他后端语言。</p>
                    </div>
                  </div>
                  <!-- 其他 -->
                  <div class="row work">
                    <p class="else">
                      <img src="./images/qitafuwu.png" alt="" />
                      <b>其他</b>
                    </p>
                  </div>
                  <div class="row intronduction-one">
                    <div class="col-md-12 content">
                      <p>
                        <b>●</b
                        >&emsp;能熟练操作office办公软件；会使用photoshop，3dmax等常用软件；熟练使用全站仪，水准仪等测绘仪器，会使用CAD，ArcGis等绘图软件。
                      </p>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
        <div class="divider1"></div>
        <!-- 工作经历 -->
        <div class="lonon-about exam-information">
          <div class="container-fluid">
            <div class="row">
              <div class="col-md-12">
                <h2 class="lonon-heading animate-box my-title" data-animate-effect="fadeInLeft">
                  <img src="./images/工作经历.png" alt="" />
                </h2>
              </div>
            </div>
            <div class="row">
              <div class="col-md-12 animate-box" data-animate-effect="fadeInLeft">
                <div class="timeline lonon-timeline-second-style clearfix">
                  <div class="lonon-timeline-item clearfix">
                    <div class="left-part">
                      <h5 class="item-period">2021——至今</h5>
                    </div>
                    <div class="divider"></div>
                    <div class="right-part">
                      <h4 class="item-title">诚迈科技股份有限公司</h4>
                      <p>
                        ⑴ 职位名称：中级软件工程师
                        <br />
                        ⑵ 参与项目：华泰证券-移动端涨乐财付通,pc端融券通
                        <br />
                        ⑶ 工作描述：
                        <br />
                        1.负责产品移动端条件单部分页面开发，包括界面操作、用户交互设计；
                        <br />
                        2.与后端开发工程师合作，高效完成产品模型的展现及交互，以及数据动态呈现工作；
                        <br />
                        3.主流浏览器的兼容性调整和前端性能优化;
                      </p>
                    </div>
                  </div>
                  <div class="lonon-timeline-item clearfix">
                    <div class="left-part">
                      <h5 class="item-period">2020——2021</h5>
                    </div>
                    <div class="divider"></div>
                    <div class="right-part">
                      <h4 class="item-title">中软国际科技服务有限公司</h4>
                      <p>
                        ⑴ 职位名称：中级软件工程师
                        <br />
                        ⑵ 参与项目：华为-GED数字化中台项目
                        <br />
                        ⑶ 工作描述：
                        <br />
                        1.GED数字化中台页面问题技术支撑，华为云-GDE数智平台ADC2.0页面编排文档编写；
                        <br />
                        2.指导用户应用GDE平台进行低代码项目开发；
                        <br />
                        3.包括页面组件的使用，js，css脚本的使用，可视化图表组件结合echarts的使用，自定义组件开发;
                      </p>
                    </div>
                  </div>
                  <div class="lonon-timeline-item clearfix">
                    <div class="left-part">
                      <h5 class="item-period">2018——2020</h5>
                    </div>
                    <div class="divider"></div>
                    <div class="right-part">
                      <h4 class="item-title">南京国图信息产业有限公司</h4>
                      <p>
                        ⑴ 职位名称：前端开发工程师
                        <br />
                        ⑵ 工作描述：
                        <br />

                        1.结合中心已有的地理国情数据、土地利用现状数据、地形数据等二维、三维数据，来实现在浏览器端对相关数据进行查询、管理、显示等功能；
                        <br />
                        2.实现优美的产品界面，页面特效，保证界面和视觉设计一致性，编写优雅可维护的代码并保证各浏览器良好的兼容性；
                      </p>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
        <div class="divider1"></div>
        <!-- 项目经历 -->
        <div class="lonon-about exam-information">
          <div class="container-fluid">
            <div class="row">
              <div class="col-md-12">
                <h2 class="lonon-heading animate-box my-title" data-animate-effect="fadeInLeft">
                  <img src="./images/项目经历.png" alt="" />
                </h2>
              </div>
            </div>
            <!-- 项目一 -->
            <div class="row">
              <div class="animate-box fadeInLeft animated my-intronduction" data-animate-effect="fadeInLeft">
                <div class="lonon-about-contact-wrap">
                  <div class="row object">
                    <p>
                      <b>项目一：涨乐财付通 （移动端）</b>
                    </p>
                  </div>
                  <div class="row intronduction-one">
                    <div class="col-md-12 content object">
                      <p>
                        <b>技术架构:</b>&emsp;HTML+CSS+Javascript++VUE+JQuery+Element-UI+ajax+Echart
                      </p>
                      <p>
                        <b>开发时间/开发周期:</b>&emsp;2021.04-2023.03
                      </p>
                      <p>
                        <b>项目描述:</b>&emsp;通过vue.js,结合华泰证券后端相关接口，获取股票、债券等数据，渲染到移动端，供相关人员查阅和汇报
                      </p>
                      <p>
                        <b>责任描述:</b>&emsp;负责条件单，融券通，已清仓股票等模块开发。
                      </p>
                      <p>
                        <b>技术描述:</b>
                        <p>
                          1.负责产品移动端条件单部分页面开发，包括界面操作、用户交互设计；
                          <br />
                          2.与后端开发工程师合作，高效完成产品模型的展现及交互，以及数据动态呈现工作；
                          <br />
                          3.主流浏览器的兼容性调整和前端性能优化。
                        </p>
                      </p>
                    </div>
                  </div>

                </div>
              </div>
            </div>
              <!-- 项目二 -->
            <div class="row">
              <div class="animate-box fadeInLeft animated my-intronduction" data-animate-effect="fadeInLeft">
                <div class="lonon-about-contact-wrap">
                  <div class="row object">
                    <p>
                      <b>项目二：理财通（PC端）</b>
                    </p>
                  </div>
                  <div class="row intronduction-one">
                    <div class="col-md-12 content object">
                      <p>
                        <b>技术架构:</b>&emsp;HTML+CSS+Javascript+Vue+electron+ajax+git
                      </p>
                      <p>
                        <b>开发时间/开发周期:</b>&emsp;2021.04-2022.10
                      </p>
                      <p>
                        <b>项目描述:</b>&emsp;该模块主要包括我的股票，我的债券，持仓明细，自选早日报等模块开发，及从老svn项目迁移到Vue框架中。
                      </p>
                      <p>
                        <b>责任描述:</b>&emsp;负责项目维护及新页面开发开发。
                      </p>
                      <p>
                        <b>技术描述:</b>
                        <p>
                          1.利用HTML、CSS实现页面的基本布局，使用媒体查询rem对页面进行整体布局，使页面自适应移动设备；
                          <br />
                          2.基础插件包含flexible.js、jquery.js，使用了相同的公共样式;
                          <br>
                          3.本项目完成的效果包含轮播图、电梯导航、视频播放、视频背景、照片墙、手风琴、tap栏切换等；
                          <br>
                          4.通过Ajax技术读取后台数据，完成页面的渲染。
                        </p>
                      </p>
                    </div>
                  </div>

                </div>
              </div>
            </div>
            <!-- 项目三 -->
            <div class="row">
              <div class="animate-box fadeInLeft animated my-intronduction" data-animate-effect="fadeInLeft">
                <div class="lonon-about-contact-wrap">
                  <div class="row object">
                    <p>
                      <b>项目三：GED数字化中台项目</b>
                    </p>
                  </div>
                  <div class="row intronduction-one">
                    <div class="col-md-12 content object">
                      <p>
                        <b>产品功能:</b>&emsp;低门槛高效率，提供图形化操作；支持NoCode/LowCode/ProCode多种应用开发方式；一体化编排，包括UI,流程，Api集成，Ai,数据分析与处理，RPA,网络操作，网络业务等八个编排。
                      </p>
                      <p>
                        <b>参与周期:</b>&emsp;2021.03-2021.10
                      </p>
                      <p>
                        <b>责任描述:</b>&emsp;负责GDE平台1.5，2.0等版本的页面问题支撑，包括页面组件的使用，js，css脚本的使用，可视化图表组件结合echarts的使用，自定义组件，自定义页面等的开发。
                      </p>
                      <p>
                        <b>主要任务:</b>
                        <p>
                          1.GDELink手机端项目（鞍钢集团手机方案）开发；
                          <br />
                          2.2.页面组件开发：包括时间区间，审批信息，流程图表信息等自定义组件；
                          <br>
                          3.华为云-GDE数智平台ADC2.0页面编排文档编写;
                          <br>
                          4.支撑解决GDE平台问题，包括社区问题及非社区问题累计超过三百个。
                        </p>
                      </p>
                    </div>
                  </div>

                </div>
              </div>
            </div>
          </div>
        </div>
        <div class="divider1"></div>

        <!-- 自我描述 -->
                <div class="lonon-about exam-information">
                  <div class="container-fluid">
                    <div class="row">
                      <div class="col-md-12">
                        <h2 class="lonon-heading animate-box my-title" data-animate-effect="fadeInLeft">
                          <img src="./images/自我评价.png" alt="" />
                        </h2>
                      </div>
                    </div>
                    <div class="row self-appraise">
                      <div class="animate-box fadeInLeft animated my-intronduction" data-animate-effect="fadeInLeft">
                        <div class="lonon-about-contact-wrap">
                          <div class="row intronduction-one">
                            <div class="col-md-12 content">
                              <p>
                                1.能够尽快熟悉业务，能快速融入团队，有很强的进取心，做事认真负责,有强烈的团队合作意识；
                                <br />
                                2.乐于与用户以及同事和领导沟通，以便快速解决项目遇到的问题；；
                                <br>
                                3.对新鲜事物充满好奇心，但有时候缺乏自信，希望通过研究生阶段的学习使自己各方面得到提高，让自己更加优秀。
        
                              </p>
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>

        <div class="divider1"></div>
        <!-- Footer -->
        <div id="lonon-footer2">
          <div class="lonon-narrow-content">
            <div class="row">
              <div class="col-md-4 animate-box fadeInLeft animated" data-animate-effect="fadeInLeft">
                <p class="lonon-lead">© 2023 ChaoDing. All rights reserved</p>
              </div>
              <div class="col-md-4 animate-box" data-animate-effect="fadeInLeft">
                <h2 class="text-center"></h2>
              </div>
              <div class="col-md-4 animate-box fadeInLeft animated" data-animate-effect="fadeInLeft">
                <ul class="social-network">
                  <li>
                    <a href="#"><i class="ti-facebook font-14px black-icon"></i></a>
                  </li>
                  <li>
                    <a href="#"><i class="ti-twitter-alt font-14px black-icon"></i></a>
                  </li>
                  <li>
                    <a href="#"><i class="ti-instagram font-14px black-icon"></i></a>
                  </li>
                  <li>
                    <a href="#"><i class="ti-linkedin font-14px black-icon"></i></a>
                  </li>
                </ul>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <!-- JS -->
    <script src="js/jquery.min.js"></script>
    <script src="js/modernizr-2.6.2.min.js"></script>
    <script src="js/jquery.easing.1.3.js"></script>
    <script src="js/bootstrap.min.js"></script>
    <script src="js/jquery.waypoints.min.js"></script>
    <script src="js/sticky-kit.min.js"></script>
    <script src="js/main.js"></script>
  </body>
</html>
